Case: Agência Virtual Sabesp (AGV)

A evolução de um dos produtos digitais mais importantes do estado de São Paulo

1. Contexto

Quando entrei na Engineering Brasil em 2021, fui contratada para dar continuidade ao projeto de transformação digital dos canais online da Sabesp, que havia iniciado meses antes com uma consultoria voltada para redesenhar parte dos serviços da Agência Virtual.

Nessa fase inicial, o UX Lead anterior já havia conduzido descoberta, ideação e prototipação de três serviços. Meu desafio começou exatamente a partir desse ponto: assumir o projeto, garantir continuidade, elevar a qualidade do design e expandir a experiência para novos serviços.

CLIENTE

Companhia de Saneamento Básico do Estado de São Paulo

PROJETO

Trabalhando na Engineering Brasil, fui uma das responsáveis pelo projeto, atuando inicialmente como UX/UI designer e como Product designer.

DESENVOLVIMENTO

2. Desafio

A missão era clara:

  • Evoluir uma plataforma que já possuía milhões de acessos anuais

  • Criar serviços digitais realmente úteis, simples e acessíveis para toda a população

  • Unificar a experiência entre web, mobile e atendimento

  • Estruturar padrões, fluxos e componentes que suportassem a escala do produto

  • Trazer previsibilidade e clareza ao time da Sabesp nos processos de UX e UI

E tudo isso dentro de um ambiente altamente complexo, com diversas áreas internas envolvidas (técnica, atendimento, jurídica, cobrança, operação, canais digitais, etc.).

3. Meu Papel no Projeto

Quando assumi, me tornei responsável por:

  • Conduzir toda a esteira de UX para os novos serviços

  • Estruturar pesquisas, benchmark e análises

  • Realizar entrevistas e coleta de requisitos com especialistas da Sabesp

  • Criar fluxos, jornadas e protótipos em alta fidelidade

  • Apresentar e validar as soluções com stakeholders

  • Apoiar o desenvolvimento e garantir a implementação fiel do design

  • Reorganizar o padrão de componentes da AGV

  • Consolidar coerência visual entre a consultoria e a expansão do produto

4. Expansão do Projeto

Após assumir o projeto, desenvolvi 4 novos serviços iniciais, cada um passando por.

  • Descoberta (quando necessária)

  • Benchmark

  • Estruturação de fluxos

  • Wireframes

  • Prototipação de alta fidelidade

  • Testes e validações internas

  • Apresentações executivas

  • Entrega final com documentação

Essas entregas tiveram uma recepção extremamente positiva pela Sabesp, tanto pela qualidade visual quanto pela clareza das jornadas e simplicidade de uso.

O reconhecimento foi tão forte que gerou:

A aprovação da Fase 2 do projeto

Nessa etapa, fui responsável por apoiar e/ou liderar o desenvolvimento de:

  • +23 novos serviços

  • Criação de uma área de gerenciamento completa

  • Evolução do padrão da Agência Virtual

  • Estruturação dos fluxos mais complexos da plataforma (acordos, parcelamentos, segunda via, notificações, autosserviços, solicitações, etc.)

Além disso, o projeto cresceu tanto em maturidade que a Engineering conquistou:

  • O contrato de desenvolvimento completo da Agência Virtual

Algo raro e muito representativo, já que o design abriu portas para novas frentes dentro da Sabesp.

4. Linha do tempo

2021 – Entrada na Engineering

Assumo a continuidade do projeto e entrego 4 serviços completos.
Recebo forte elogio e confiança da Sabesp.

2023 – Implementação e acompanhamento

A AGV vai ao ar com a nova experiência.
Fico responsável pela manutenção, alinhamentos e ajustes. Desenvolvimento de +23 serviços e nova área de gerenciamento.

2023 – Implementação e acompanhamento

A AGV vai ao ar com a nova experiência.
Fico responsável pela manutenção, alinhamentos e ajustes. Desenvolvimento de +23 serviços e nova área de gerenciamento.

2024 – Privatização da Sabesp

A AGV criada por nós permanece ativa até um pouco depois da privatização
e então é descontinuada.

4. Ferramentas e Métodos

Para cada novo serviço da Agência Virtual, percorri toda a esteira de UX utilizando métodos estruturados e ferramentas colaborativas. Realizei benchmark e análise de processos internos para orientar decisões, além de entrevistas e alinhamentos com especialistas da Sabesp. Usei o Miro para mapear jornadas e fluxos, Google Forms para pesquisas internas e o Figma para criar protótipos de alta fidelidade, documentar componentes e estruturar especificações visuais. Todo o trabalho foi conduzido com apoio do Teams, garantindo comunicação contínua, validações rápidas e alinhamento com as áreas envolvidas.

5. Resultados e Impacto

  • Interface mais clara, moderna e organizada

  • Fluxos simplificados para milhões de cidadãos

  • Diminuição de fricção nos serviços mais acessados

  • Padrões visuais e funcionais que aumentaram a eficiência do desenvolvimento

  • Acesso facilitado a autosserviços essenciais

  • Reconhecimento direto da diretoria e equipes de canais digitais

  • Expansão do contrato da Engineering com a Sabesp

  • Estruturação de base sólida para que o produto evoluísse por anos

Conclusão

O projeto da Agência Virtual Sabesp foi uma das experiências mais relevantes da minha carreira. Assumir a continuidade de um produto vivo, ampliar sua qualidade e expandir sua escala exigiu visão estratégica, profundidade em UX, domínio em UI e muito alinhamento com múltiplas áreas internas.

O fato de o trabalho ter sido tão elogiado a ponto de gerar uma segunda fase, mais robusta, e ainda contribuir para a conquista do contrato de desenvolvimento, reforça como o design tem poder real dentro de grandes organizações e como decisões centradas no usuário podem transformar serviços públicos.

Mesmo com a descontinuação após a privatização, a AGV que desenvolvemos deixou uma base madura, sólida, clara e eficiente — utilizada por milhões de paulistas durante todo o período em que esteve no ar.